<script lang="tsx">
import { defineComponent, onMounted } from 'vue';
import ObsImage from '#/components/obsImage.vue';

interface Props {
  url: string;
}

export default defineComponent({
  name: 'CompetitionLives',
  props: {
    url: {
      type: String,
      default: ''
    }
  },
  setup(props: Props) {

    onMounted(() => {
    }); 

    return () => (
      <div class="banner-section">
        {
          props.url && (
            <ObsImage src={props.url} />
          )
        }
      </div>
    );
  }
})
</script>

<style scoped>

</style>
